<template>
  <el-menu
    default-active="1"
    class="sidebar-menu"
    background-color="#545c64"
    text-color="#fff"
    active-text-color="#ffd04b"
    router
  >
    <el-menu-item index="/dashboard">
      <el-icon><House /></el-icon>
      <span>仪表盘</span>
    </el-menu-item>
    <el-menu-item index="/users">
      <el-icon><User /></el-icon>
      <span>用户管理</span>
    </el-menu-item>
    <el-menu-item index="/personal-accounting">
      <el-icon><TrendCharts /></el-icon>
      <span>事务会计</span>
    </el-menu-item>
    <el-menu-item index="/personal-affairs">
      <el-icon><Collection /></el-icon>
      <span>个人事务</span>
    </el-menu-item>
    <!-- 新增：事务库管理入口 -->
    <el-menu-item index="/affair-catalog">
      <el-icon><Collection /></el-icon>
      <span>事务库</span>
    </el-menu-item>
    <!-- 新增：实验报告上传 -->
    <el-menu-item index="/lab-report/upload">
      <el-icon><Upload /></el-icon>
      <span>实验报告上传</span>
    </el-menu-item>
    <!-- 新增：实验报告提交情况 -->
    <el-menu-item index="/lab-report/status">
      <el-icon><Document /></el-icon>
      <span>实验报告提交情况</span>
    </el-menu-item>
    <!-- 新增：大作业报告上传 -->
    <el-menu-item index="/major-report/upload">
      <el-icon><Upload /></el-icon>
      <span>大作业报告上传</span>
    </el-menu-item>
    <!-- 新增：大作业提交情况 -->
    <el-menu-item index="/major-report/status">
      <el-icon><Document /></el-icon>
      <span>大作业提交情况</span>
    </el-menu-item>
    <!-- 新增：学习记录新增 -->
    <el-menu-item index="/learning-record/create">
      <el-icon><Document /></el-icon>
      <span>学习记录新增</span>
    </el-menu-item>
    <!-- 新增：学习记录总览 -->
    <el-menu-item index="/learning-record/overview">
      <el-icon><Document /></el-icon>
      <span>学习记录总览</span>
    </el-menu-item>
    <el-menu-item index="/profile">
      <el-icon><Setting /></el-icon>
      <span>个人资料</span>
    </el-menu-item>
  </el-menu>
</template>

<script>
import { House, User, Setting, TrendCharts, Collection, Upload, Document } from '@element-plus/icons-vue'

export default {
  name: 'Sidebar',
  components: {
    House,
    User,
    Setting,
    TrendCharts,
    Collection,
    Upload,
    Document
  }
}
</script>

<style scoped>
.sidebar-menu {
  height: 100%;
}
</style>
